<!DOCTYPE html>
<html>
<head>
	<title>餐饮营销支持系统</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<style type="text/css">
body{
	background-color: #263238
}
.login-box{
	width: 360px;
	margin: 10% auto;
}
@media (max-width: 768px){
	.login-box{
		width: 90%;
		margin-top: 50px;
	}
}
.login-box .login-logo{
	color: #fff;
	text-align: center;
	font-size: 25px;
	padding-bottom: 10px
}
.login-box-body{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px
}
a{
	color: #5cb85c
}
a:hover{
	color: #3c763d
}
</style>
<body>
	<div class="login-box">
		<div class="login-box-content">
			<div class="login-logo">
				<p>餐饮营销支持系统</p>
			</div>
			<div class="login-box-body">
				<p class="login-box-msg"><b>修改密码</b>
				</p>
				<form name="loginFrom" action="j_security_check" method="post" class="form-horizontal">
					<input type="input" name="name" value="loginFrom" style="display: none;">
					<div class="form-group">
						<div class="col-sm-12">
							<input type="text" id="phone" name="phone" placeholder="手机号" maxlength="100" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<input type="password" name="old-password" placeholder="旧密码" maxlength="80" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<input type="password" name="new-password" placeholder="新密码" maxlength="80" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<input type="password" name="apassword" placeholder="重复密码" maxlength="80" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<button class="btn btn-success btn-block" id="btn-in" type="button">修 改</button>  
						</div>
					</div>
				</form>
			</div>
		</div>	
	</div>
	<script type="text/javascript">
		window.onload=function(){
			$("#btn-in").click(function(){
				var password=$("*[name='new-password']").val();
				var apassword=$("*[name='apassword']").val();
				if(password!=apassword){
					alert("两次密码输入不同！")
				}
			})
		}
	</script>
	<script src="../../js/Jquary/jquery-3.2.1.min.js"></script>
	<script src="../../js/Jquary/jquery.easyui.min.js"></script>
	<script src="../../js/bootstrap.min.js"></script> 
</body>
</html>